
body,html{
    height: 100%;
    width:100%

}
.login{
    height: 100%;
    width:100%
} 
.login-bg{
    width:60%;
    height:100%;
  background: url(../imgs/login-bg.png) no-repeat;
background-size: 100% 100%;
position: relative;
left:0;
top:0;
}
.modal{
    width:400px;
    height:550px;
    background-color: #fff;
    padding-top: 35px;
    box-sizing: border-box;
    text-align: center;
    margin-left: 80px;
}
.modal .logo{
    display: block;
    margin-left:120px;
    margin-bottom:45px;

}
.login,.register{
    color:#555555;
    font-size: 16px;
    margin: 0 10px;
}

.active{
    color:#00bdff;
    border-bottom: 3px solid #00bdff;
}
.user{
    margin-top: 35px;
    width:360px;
    line-height:35px;
    border:none;
    border-bottom: 1px solid #e7e7e7;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position: -58px 0;
    padding:0 30px;
    box-sizing: border-box;
}
.pwd{
    margin-top: 30px;
    width:360px;
    line-height:35px;
    border:none;
    border-bottom: 1px solid #e7e7e7;
    padding:0 30px;
    box-sizing: border-box;

    
}

.pwd-icon{
    width:21px;
    height:27px;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position-x:-27PX;
    position:relative;
    left:20px;
    top:-34px;
}
.forget-pwd{
    color:#03c5ff;
    font-size: 14px;
    margin-left: 300px;
}
.login-btn{
    display: block;
    color:#fff;
    background-color: #03c5ff;
    width:360px;
    line-height: 48px;
    margin:35px auto;
}
.none{
    font-size: 14px;
    color:#909090;
    margin-left: 100px;
    margin-top: 20px;

}
.none a{
    color:#03c5ff;
    font-size: 14px;
 
}
.none-icon{
    width:30px;
    height:30px;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position:-56PX -36px;
    position: relative;
    left:331px;
    top:-17px;
}
